// config
$screenBorder1: 768px;
$screenBorder2: 992px;
$screenBorder3: 1200px;

// $outerWidth: 1200px;
// $innerWidth: 1100px;
// $topNavHeight: 60px;
// $innerWidthPart1: calc(var($innerWidth) * 0.7);
// $innerWidthPart2: calc(var($innerWidth) * 0.28);
$w: 1200px;
$iw: 1100px;
$th: 60px;
$tih: 35px;
$iwp1: $iw * 0.7;
$iwp2: $iw * 0.28;

$themeNavWidth: $iw;
$themeNavHeight: 60px;

$articleCardWidth: 700px;
$articleCardHeight: 400px;
$articleCardWidth: 700px;
$articleCardHeight: 400px;

$baseInputWidth: 100px;
$baseInputHeight: 30px;
$baseInputFontsize: 14px;

$imageInputWidth: 80px;
$imageInputHeight: 80px;

$passwordInputWidth: 150px;
$passwordInputHeight: 40px;
$passwordInputFontsize: 14px;

$textAreaWidth: 200px;
$textAreaHeight: 150px;

$hoverClickButtonWidth: 50px;
$hoverClickButtonHeight: 30px;
$hoverClickButtonFontsize: 14px;

$itemListWidth: 200px;
$itemListHeight: $th;

$authorityCardWidth: 600px;
$authorityCardWidth: 600px;
$authorityCardHeight: 400px;

// color
$fontColor: #444;
$kleinBlue: rgb(0, 47, 167);
$iconGray: rgb(118, 118, 118);

$slightBlue: rgb(235, 248, 255);
$lightBlue: #91baff;
$blue: #3a81ff;
$darkBlue: #005eff;

$red: rgb(255, 80, 80);

$darkGray: rgb(0, 0, 0, .25);
$gray: rgba(0, 0, 0, .15);
$lightGray: rgba(0, 0, 0, .1);
$selectGray: #f0f0f5;
$light: rgba(0, 0, 0, .05);
$dark: rgba(0, 0, 0, .7);
$black: #111;

$bgColor: #e9eff2;

$cyan: #d1fdf1;
$blueCyan: #b3edfe;
